<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>


<!-- Fotter Area Start -->
		<footer>
			<!-- Footer Top Area End -->
			<div class="fotter-area dark-gray-bg ptb-100">
				<div class="container">
					<div class="row">
						<div class="col-md-3 col-sm-4 col-xs-12">
							<div class="address-area res-mb-sm-30">
								<a href="${rooturl}/index.html">shopzon</a>
								<p>Lorem ipsum dolor sit amet, consemi cteta dipisi cing elit, sed do eiusmod tempor.</p>
								<div class="contact-social mt-40">
									<ul>
										<li>
											<a href="${rooturl}/" class="social_facebook "></a>
										</li>
										<li>
											<a href="${rooturl}/" class="social_twitter "></a>
										</li>
										<li>
											<a href="${rooturl}/" class="social_googleplus"></a>
										</li>
										<li>
											<a href="${rooturl}/" class="social_linkedin "></a>
										</li>
										<li>
											<a href="${rooturl}/" class="social_instagram "></a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-md-3 col-sm-4 col-xs-12">
							<div class="footer-menu res-mb-sm-30">
								<h4>我的帐户</h4>
								<ul>
									<li><a href="${rooturl}/">常见问题解答</a></li>
									<li><a href="${rooturl}/">付款</a></li>
									<li><a href="${rooturl}/">跟踪你的订单</a></li>
									<li><a href="${rooturl}/">退货政策</a></li>
									<li><a href="${rooturl}/">担保</a></li>
								</ul>
							</div>
						</div>
						<div class="col-md-3 hidden-sm hidden-xs">
							<div class="footer-menu">
								<h4>购物指南</h4>
								<ul>
									<li><a href="${rooturl}/">热售</a></li>
									<li><a href="${rooturl}/">最好的鞍</a></li>
									<li><a href="${rooturl}/">供应商</a></li>
									<li><a href="${rooturl}/">我们的商店</a></li>
									<li><a href="${rooturl}/">交易日</a></li>
								</ul>
							</div>
						</div>
						<div class="col-md-3 col-sm-4 col-xs-12">
							<div class="footer-menu">
								<h4>联系信息</h4>
								<div class="contact-details">
									<ul>
										<li>
											<span class="icon_pin"></span>
											<p>Lusmod tempor incididunt</p>
										</li>
										<li>
											<span class="icon_mail"></span>
											<p>Lusmod incidiunt wesbvu</p>
										</li>
										<li>
											<span class="icon_phone "></span>
											<p>(256) 987 654 321</p>
										</li>
										<li>
											<span class="icon_clock_alt"></span>
											<p>8.00 am-6.00 pm</p>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Footer Top Area End -->
			<!-- Footer Bottom Area Start -->
			<%-- <div class="footer-bottom-area black-bg">
				<div class="container">
					<div class="row ">
						<div class="col-md-6 col-sm-6 col-xs-12">
							<p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://www.mycodes.net/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
						</div>
						<div class="col-md-6 col-sm-6 col-xs-12">
							<img src="${rooturl}/img/icon/payment.png" alt="" />
						</div>
					</div>
				</div>
			</div> --%>
			<!-- Footer Bottom Area End -->
		</footer>
        <!-- Fotter Area End -->
	   
	   <!--Quickview Product Start -->
        <div id="quickview-wrapper">
            <!-- Modal -->
            <div class="modal fade" id="productModal" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="modal-body">
                            <div class="modal-product">
                                <div class="product-images">
                                    <div class="main-image images">
                                        <img alt="" src="${rooturl}/img/other/quickview.jpg">
                                    </div>
                                </div>
                                <div class="product-info">
                                    <h1>美容产品</h1>
                                    <div class="price-box">
                                        <p class="price"><span class="special-price"><span class="amount">$132.00</span></span></p>
                                    </div>
                                    <a href="product-details.html" class="see-all">看到所有的功能</a>
                                    <div class="quick-add-to-cart">
                                        <form method="post" class="cart">
                                            <div class="numbers-row">
                                                <input type="number" id="french-hens" value="3">
                                            </div>
                                            <button class="single_add_to_cart_button" type="submit">添加到购物车</button>
                                        </form>
                                    </div>
                                    <div class="quick-desc">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla augue nec est tristique auctor. Donec non est at libero vulputate rutrum. Morbi ornare lectus quis justo gravida semper. Nulla tellus mi, vulputate adipiscing cursus eu, suscipit id nulla.
                                    </div>
                                    <div class="social-sharing">
                                        <div class="widget widget_socialsharing_widget">
                                            <h3 class="widget-title-modal">分享这个产品</h3>
                                            <ul class="social-icons">
                                                <li>
													<a target="_blank" title="Facebook" href="${rooturl}/" class="facebook social-icon"><i class="fa fa-facebook"></i></a>
												</li>
                                                <li>
													<a target="_blank" title="Twitter" href="${rooturl}/" class="twitter social-icon"><i class="fa fa-twitter"></i></a>
												</li>
                                                <li>
													<a target="_blank" title="Pinterest" href="${rooturl}/" class="pinterest social-icon"><i class="fa fa-pinterest"></i></a>
												</li>
                                                <li>
													<a target="_blank" title="Google +" href="${rooturl}/" class="gplus social-icon"><i class="fa fa-google-plus"></i></a>
												</li>
                                                <li>
													<a target="_blank" title="LinkedIn" href="${rooturl}/" class="linkedin social-icon"><i class="fa fa-linkedin"></i></a>
												</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div><!-- .product-info -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--End of Quickview Product-->	
		
		<!-- all js here -->
        <script src="${rooturl}/js/vendor/jquery-1.12.4.min.js"></script>
        <script src="${rooturl}/js/bootstrap.min.js"></script>
        <script src="${rooturl}/js/owl.carousel.min.js"></script>
        <script src="${rooturl}/js/isotope.pkgd.min.js"></script>
        <script src="${rooturl}/js/jquery.nivo.slider.js"></script>
		<script src="${rooturl}/js/price-slider.js"></script>
        <script src="${rooturl}/js/jquery.simpleLens.min.js"></script>
        <script src="${rooturl}/js/jquery.magnific-popup.min.js"></script>
		<script src="${rooturl}/js/animated-heading.js"></script>
        <script src="${rooturl}/js/jquery.ajaxchimp.min.js"></script>
        <script src="${rooturl}/js/jquery.countdown.js"></script>
        <script src="${rooturl}/js/jquery.meanmenu.js"></script>
        <script src="${rooturl}/js/plugins.js"></script>
        <script src="${rooturl}/js/main.js"></script>
    </body>
</html>
